<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>激想运动专营店上海分店</title>
    <meta name="description" content="overview &amp; stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="../../assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css"/>
    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="../../assets/css/jquery-ui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/bootstrap-datepicker3.min.css"/>
    <link rel="stylesheet" href="../../assets/css/ui.jqgrid.min.css"/>
    <link rel="stylesheet" href="../../assets/css/bootstrap-timepicker.min.css"/>
    <link rel="stylesheet" href="../../assets/css/daterangepicker.min.css"/>
    <link rel="stylesheet" href="../../assets/css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" href="../../assets/css/bootstrap-colorpicker.min.css"/>
    <!--ztree-->
    <link rel="stylesheet" href="../../assets/tools/ztree/css/metroStyle/metroStyle.css" type="text/css">
    <!-- text fonts -->
    <link rel="stylesheet" href="../../assets/css/fonts.googleapis.com.css"/>
    <!-- ace styles -->
    <link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" href="../../assets/css/jquery-ui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/login/member.css">
    <link rel="stylesheet" href="../../assets/css/admin.css">
    <!--<link rel="stylesheet" href="../../assets/css/manager.css" class="ace-main-stylesheet"/>-->
    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <![endif]-->
    <link rel="stylesheet" href="../../assets/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="../../assets/css/ace-rtl.min.css"/>
    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../assets/css/ace-ie.min.css"/>
    <![endif]-->

    <!-- inline styles related to this page -->
    <!-- ace settings handler -->
    <script src="../../assets/js/ace-extra.min.js"></script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
    <!--[if lte IE 8]>
    <script src="../../assets/js/html5shiv.min.js"></script>
    <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
</head>
<style>
    .table tbody tr td {
        line-height: 25px;
        background-color: #ffffff;
    }
</style>
<body class="jx-skin no-skin">
<div id="navbar" class="navbar navbar-default ace-save-state ">
    <div class="navbar-container ace-save-state" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="navbar-header pull-left">
            <div class="workspace-switcher">
                <a href="javascript:;" type="button" class="workspace-switcher-handler dropdown-toggle"
                   data-toggle="dropdown">
                    <i class="fa fa-bars" aria-hidden="true"></i>
                </a>
                <ul class="dropdown-menu workspace-switcher-view" role="menu">
                    <li><a href="#" style=""> <i class="fa fa-check"
                                                 style=""
                                                 aria-hidden="true"></i>
                        <span style="">激想体育专营店上海分店</span></a>
                    </li>
                    <li><a href="#" style=""> <span style="">激想体育专营店上海分店</span>
                        <span class="ml-10 label label-danger label-white middle">11天试用期</span>
                    </a></li>
                    <li><a href="#" style=""> <span style="">激想体育专营店上海分店</span></a>
                    </li>
                    <li class="divider"></li>

                    <li><a href="#" style=""><i class="fa fa-plus" aria-hidden="true"></i> <span
                            style="">新增店铺</span></a>
                    </li>
                </ul>
            </div>
            <a href="../manager/home.html" class="navbar-brand">
                <small>
                    激想运动专营店上海分店
                </small>
            </a>
        </div>
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="grey dropdown-modal">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-bell icon-animated-bell"></i>
                        <span class="badge badge-important">8</span>
                    </a>

                    <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-exclamation-triangle"></i>
                            8 Notifications
                        </li>

                        <li class="dropdown-content">
                            <ul class="dropdown-menu dropdown-navbar navbar-pink">
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
														New Comments
													</span>
                                            <span class="pull-right badge badge-info">+12</span>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="btn btn-xs btn-primary fa fa-user"></i>
                                        Bob just signed up as an editor ...
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
														New Orders
													</span>
                                            <span class="pull-right badge badge-success">+8</span>
                                        </div>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
														Followers
													</span>
                                            <span class="pull-right badge badge-info">+11</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="dropdown-footer">
                            <a href="#">
                                See all notifications
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="grey dropdown-modal">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="../../assets/images/avatars/user.jpg" alt="Jason's Photo"/>
                        <span class="user-info">
									<small>Welcome,</small>
									Jason
								</span>
                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>
                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="#">
                                <i class="ace-icon fa fa-cog"></i>
                                设置
                            </a>
                        </li>

                        <li>
                            <a href="../account/accountInfo.html" target="_blank">
                                <i class="ace-icon fa fa-user"></i>
                                账户
                            </a>
                        </li>

                        <li class="divider"></li>

                        <li>
                            <a href="#">
                                <i class="ace-icon fa fa-power-off"></i>
                                退出
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.loadState('main-container')
        } catch (e) {
        }
    </script>
    <div id="sidebar" class="sidebar responsive  ace-save-state">
        <script type="text/javascript">
            try {
                ace.settings.loadState('sidebar')
            } catch (e) {
            }
        </script>
        <ul class="nav nav-list">
            <li class="">
                <a href="../manager/home.html">
                    <i class="menu-icon  fa fa-home"></i>
                    <span class="menu-text"> 首页 </span>
                </a>
                <b class="arrow"></b>
            </li>
            <li class="">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon fa fa-desktop"></i>
                    <span class="menu-text">终端管理</span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <b class="arrow"></b>
                <ul class="submenu">
                    <li class="">
                        <a href="../terminalManager/productBrands.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            品牌管理
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="../terminalManager/productManager.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            商品管理
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="../terminalManager/productCarousels.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            轮播图管理
                        </a>
                        <b class="arrow"></b>
                    </li>
                </ul>
            </li>
            <li class="active open">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon fa fa-file-text-o" aria-hidden="true"></i>
                    <span class="menu-text">订单</span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <b class="arrow"></b>
                <ul class="submenu">
                    <li class="">
                        <a href="../order/orderList.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            订单
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="active">
                        <a href="../order/serviceOrderList.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            退货订单
                        </a>
                        <b class="arrow"></b>
                    </li>
                </ul>
            </li>
            <li class="">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon fa fa-user" aria-hidden="true"></i>
                    <span class="menu-text">员工</span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <b class="arrow"></b>
                <ul class="submenu">
                    <li class="">
                        <a href="../staff/staffInfo.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            员工档案
                        </a>
                        <b class="arrow"></b>
                    </li>
                </ul>
            </li>
            <li class="">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon fa fa-cog" aria-hidden="true"></i>
                    <span class="menu-text">店铺管理</span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <b class="arrow"></b>
                <ul class="submenu">
                    <li class="">
                        <a href="../shop-manager/shopInfo.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            店铺信息
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="../shop-manager/privilegeManagement.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            权限设置
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="../shop-manager/managerLog.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            店铺日志
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="../shop-manager/paymentSetting.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            收款设置
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="../shop-manager/shopBalance.html">
                            <i class="menu-icon fa fa-caret-right"></i>
                            店铺余额
                        </a>
                        <b class="arrow"></b>
                    </li>
                </ul>
            </li>
            <li class="">
                <a href="../help/help.html" class="dropdown-toggle">
                    <i class="menu-icon fa fa-question-circle"></i>
                    <span class="menu-text">帮助</span>
                </a>
            </li>
        </ul><!-- /.nav-list -->
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
               data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
    </div>
    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">首页</a>
                    </li>
                    <li class="active">售后订单</li>
                </ul><!-- /.breadcrumb -->
            </div>
            <div class="page-content">
                <div class="page-header">
                    <h1>售后订单
                        <a href="serviceOrderSchedule.html" class="pull-right btn btn-sm btn-orange">查询售后进度</a></h1>
                    </h1>
                </div><!-- /.page-header -->
                <div class=content-inner">
                    <!-- PAGE CONTENT BEGINS -->

                    <div class="filter_bar">
                        <form class="jx-form form-horizontal form-inline" role="form" method="post" id="form1">
                            <div class="row">
                                <div class="col-xs-9 col-sm-9 col-md-9">
                                    <div class="form-group ">
                                        <label class=" control-label" for="">订单号</label>
                                        <input class="form-control input-medium" type="text" id="" name=""
                                               placeholder="">
                                    </div>
                                    <div class="form-group ">
                                        <label class="control-label"
                                               for="">货号</label>
                                        <input class="form-control input-medium" type="text" id="goodsCode"
                                               name="goodsCode" placeholder="">
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label"
                                               for="">订单状态</label>
                                        <select class="form-control normal-input" id="form-field-select-2"
                                                name="type">
                                            <option value="">请选择</option>
                                            <option value="1">鞋子</option>
                                            <option value="2">服饰</option>
                                            <option value="3">配件</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-xs-3 col-sm-3 col-md-3">
                                    <div class="btn-group">
                                        <input type="button" class="btn btn-sm btn-orange" value="搜索"
                                               onclick="">
                                        <button id="showSearch" type="button" class="btn btn-sm btn-orange">
                                            <span class="bigger-110 ace-icon fa icon-only fa-caret-up"></span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div id="moreSearch" class="hidden">
                                <div class="row">
                                    <div class="col-xs-9 col-sm-9 col-md-9">
                                        <div class="form-group">
                                            <label class="control-label"
                                                   for="">下单时间 </label>
                                            <div class="form-date" style="display: inline-block">
                                                <div class="input-group date">
                                                    <input id="datetimeStart" name="startDate" class="form-control"
                                                           size="16" type="text" value="" placeholder="请选择开始时间"
                                                           readonly="">
                                                    <span class="input-group-addon"><span
                                                            class="glyphicon glyphicon-remove"></span></span>
                                                </div>
                                            </div>
                                            <div class="input-group" style="">
                                                --
                                            </div>
                                            <div class="form-date" style="display: inline-block">
                                                <div class="input-group date">
                                                    <input id="datetimeEnd" name="endDate" class="form-control"
                                                           size="16" type="text" value="" placeholder="请选择结束时间"
                                                           readonly="">
                                                    <span class="input-group-addon"><span
                                                            class="glyphicon glyphicon-remove"></span></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="content-main">
                        <table class="table center order-table">
                            <thead>
                            <tr>
                                <td class="td400"><p style="width:300px">商品信息</p></td>
                                <td class="td100" width="100">尺码</td>
                                <td class="td200" width="200">单价</td>
                                <td class="td200" width="200">数量</td>
                                <td class="td200" width="200">操作</td>
                            </tr>
                            </thead>
                        </table>
                        <table class="table table-bordered align-middle center order-table">
                            <thead>
                            <tr class="table-header">
                                <td class="text-left" colspan="5">
                                    <span class="ml-10">下单时间：2016-09-21 17:43:46 </span> <span class="ml-30">订单号：2299725488334983</span>
                                    <span class="ml-30">订单状态：待发货</span>

                                </td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="td400">
                                    <div class="td-pro-warp">
                                        <div class="td-proImg">
                                            <img src="../../assets/images/product.jpg">
                                        </div>
                                        <div class="td-proInfo">
                                            <p>货号:ger</p>
                                            <p>品牌:nike</p>
                                            <p>商品名称:NIKE AIR ZOOM SCTUREST RUCTURES</p>
                                            <p>颜色：官方色</p>
                                        </div>
                                    </div>

                                </td>
                                <td class="td100">42</td>
                                <td class="td200">
                                    <p>¥1299.00</p>
                                </td>
                                <td class="td200">
                                    <p>1</p>
                                </td>
                                <td width="200" class="pay td200">
                                    <a href="serviceOrderApply.html" class="btn btn-white btn-info btn-round btn-sm">申请售后</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- PAGE CONTENT ENDS -->

                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div class="footer">
        <div class="footer-inner">
            <div class="footer-content">
                沪ICP备15052275号-2
            </div>
        </div>
    </div>
</div><!-- /.main-container -->

<!-- basic scripts -->
<!--[if !IE]> -->
<script src="../../assets/js/jquery-2.1.4.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>
<script src="../../assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<script type="text/javascript">
    if ('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="../../assets/js/bootstrap.min.js"></script>
<!-- page specific plugin scripts -->
<!--[if lte IE 8]>
<script src="../../assets/js/excanvas.min.js"></script>
<![endif]-->
<!-- page specific plugin scripts -->
<script src="../../assets/js/jquery.validate.min.js"></script>
<script src="../../assets/js/jquery-ui.min.js"></script>

<script src="../../assets/js/bootstrap-datepicker.min.js"></script>
<!-- 时间控件 -->
<script src="../../assets/js/moment.min.js"></script>
<script src="../../assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="../../assets/js/bootstrap-datetimepicker.fr.js"></script>

<!-- ace scripts -->
<script src="../../assets/js/jquery.easypiechart.min.js"></script>
<script src="../../assets/js/jquery.sparkline.index.min.js"></script>
<script src="../../assets/js/jquery.flot.min.js"></script>
<script src="../../assets/js/jquery.flot.pie.min.js"></script>
<script src="../../assets/js/jquery.flot.resize.min.js"></script>

<!-- ace scripts -->
<script src="../../assets/js/ace-elements.min.js"></script>
<script src="../../assets/js/ace.min.js"></script>
<script src="../../assets/javascripts/app.js"></script>

<!-- inline scripts related to this page -->
<!-- script start -->
<script>
    $(function () {
        $("#showSearch").click(function () {
            $("#moreSearch").toggleClass("hidden");
            if ($(this).find("span").hasClass("fa-caret-down")) {
                $(this).find("span").removeClass("fa-caret-down").addClass("fa-caret-up");
            } else {
                $(this).find("span").removeClass("fa-caret-up").addClass("fa-caret-down");
            }

        })

        /*时间选择框*/
        $("#datetimeStart").datetimepicker({
            format: 'yyyy-mm-dd hh:ii',
            minView: 0,
            language: 'zh',
            autoclose: true,
        }).on("changeDate", function (ev) {
            //   var transferdate = transferDate($("#datetimeStart").val()); //转时间日期
            $('#datetimeEnd').datetimepicker('remove');
            $('#datetimeEnd').datetimepicker({
                format: 'yyyy-mm-dd hh:ii',
                language: 'zh',
                minView: 0,
                autoclose: true,
                'startDate': $("#datetimeStart").val()
            }).on("changeDate", function (ev) {
                var enddate = $("#datetimeEnd").val();
                setEndTime(enddate);
            });
        });
        $("#datetimeEnd").datetimepicker({
            format: 'yyyy-mm-dd hh:ii',
            minView: 0,
            language: 'zh',
            autoclose: true,

        }).on("changeDate", function (ev) {
            var enddate = $("#datetimeEnd").val();
            setEndTime(enddate);
        });
    })
    function setEndTime(enddate) {
        $('#datetimeStart').datetimepicker('remove');
        $('#datetimeStart').datetimepicker({
            format: 'yyyy-mm-dd hh:ii',
            language: 'zh',
            minView: 0,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            autoclose: 1,
            'endDate': enddate
        });
    }
</script>

</body>
</html>
